// 关于我们

<template>
  <view>
    <view class="info">
      <view class="t-icon t-icon-jinxiaocun"></view>
      <text>生产管理系统</text>
    </view>
    <view class="list">
      <view class="item">
        <text class="label">版本</text>
        <text class="iconfont">{{ version || '--' }}</text>
      </view>
      <navigator class="item" url="/pages/mine/agreement?type=user">
        <text class="label">用户协议</text>
        <text class="iconfont icon-xiangyou1"></text>
      </navigator>
      <navigator class="item" url="/pages/mine/agreement?type=privacy">
        <text class="label">隐私协议</text>
        <text class="iconfont icon-xiangyou1"></text>
      </navigator>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      version: this.$store.getters.getSystemSetByName('sc_version')
    }
  }
}
</script>

<style lang="less" scoped>
.info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 438rpx;
  font-size: 36rpx;
  font-weight: 500;
  color: #111111;
  .t-icon {
    width: 162rpx;
    height: 160rpx;
    margin-bottom: 40rpx;
  }
}

.list {
  .item {
    position: relative;
    display: flex;
    align-items: center;
    width: 702rpx;
    height: 100rpx;
    margin: 0 auto 20rpx;
    padding: 0 32rpx;
    background: #ffffff;
    border-radius: 16rpx;
    .label {
      color: #111111;
    }
    .iconfont {
      position: absolute;
      right: 32rpx;
      top: 50%;
      transform: translateY(-50%);
    }
  }
}
</style>

